<head>
	<!--<link rel="stylesheet" type="text/css" href="/BackEndRecursosHumanos/app/webroot/css/ui-lightness/jquery-ui-1.10.3.custom.min.css">
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>
	-->
	<script>
		
	    
	    function seleccionar_todos($id)
	   	{
				$(".check_box_ocios").prop("checked",$id);
				$(".check_box_ocios").attr("checked",$id);
	    }
	    
	    
	</script>
	
	<script>
		
		function editOcio($id)
		{
				
			// Stop form from submitting normally
			// Get some values from elements on the page:
		  	event.preventDefault();
		  	
		  	var	$form = $( '#OcioGetEditOcioForm' )
		  	
		  	term1 =$form.find( "input[name='data[Ocio][id]']" ).val(),
		  	
		  	term2 = $form.find( "input[name='data[Ocio][nombre_establecimiento_ocio]']" ).val(),
			
			term3 = $form.find( "select[name='data[Ocio][prefijo_rif_ocio]']" ).val(),
			
			term4 = $form.find( "input[name='data[Ocio][sufijo_rif_ocio]']" ).val(),
			
			term5 = $form.find( "select[name='data[Ocio][sede_id]']").val(),
			
			term6 = $form.find( "input[name='data[Ocio][horario_inic]']" ).val(),
			
			term7 = $form.find( "input[name='data[Ocio][horario_fin]']" ).val(),
			
			term8 = $form.find( "input[name='data[Ocio][calendario_fecha_inic]']").val(),
			
			term9 = $form.find( "input[name='data[Ocio][calendario_fecha_fin]']" ).val(),
			
			term10 = $form.find( "textarea[name='data[Ocio][descripcion_ocio]']").val(),
			
			term11 = $form.find( "input[name='data[Ocio][status_del_ocio]']").val(),
			
			term12 = $form.find( "select[name='data[Ocio][prefijo_tlf_ocio_1]']").val(),
			
			term13 = $form.find( "input[name='data[Ocio][sufijo_tlf_ocio_1]']").val(),
			
			term14 = $form.find( "select[name='data[Ocio][prefijo_tlf_ocio_2]']").val(),
			
			term15 = $form.find( "input[name='data[Ocio][sufijo_tlf_ocio_2]']").val(),
			
			term16 = $form.find( "input[name='data[Ocio][email_ocio]']").val(),
			
			url = "/BackEndRecursosHumanos/Ocios/getEditOcio/"+$id;


			// Send the data using post
		  	//var posting = $.post( url, {id: term2, username: term1,submit:true} );
		  	$("#form_detalle").hide("slow");
		  	$.post(url,
					    {id: term1, 
					    	nombre_establecimiento_ocio: term2, 
					    	prefijo_rif_ocio: term3,
					    	sufijo_rif_ocio: term4,
					    	sede_id: term5, 
					    	horario_inic: term6,
					    	horario_fin: term7, 
					    	calendario_fecha_inic: term8,
					    	calendario_fecha_fin: term9, 
					    	descripcion_ocio: term10,
					    	status_del_ocio: term11,
					    	prefijo_tlf_ocio_1: term12,
					    	sufijo_tlf_ocio_1: term13, 
					    	prefijo_tlf_ocio_2: term14,
					    	sufijo_tlf_ocio_2: term15,
					    	email_ocio: term16,
					    	submit:true})
					    .done(function(data, textStatus, jqXHR) 
				        {
					 		("done");
					 		$('#form_detalle').html(data);
				        })
					    .fail(function(jqXHR, textStatus, errorThrown) 
					    {
					        alert("fail");
					        $('#form_detalle').html(textStatus);

					    });
			setTimeout(function() 
			{
				$("#form_detalle").show("fast");
				
			}, 1000);
				
		}
		
		function showBuscador()
		{
			$("#link").hide("fast");
			$('#grid_consultar').hide('fast');
			setTimeout(function() 
			{
				$("#buscador").show("fast");
			}, 1000);
		}
		
		function showConsult()
		{
			$("#form_detalle").hide("slow");
			setTimeout(function() 
			{
				$("#consultar_ocio").show("fast");
				
			}, 1000);
			
			setTimeout(function() 
			{
				showGridConsulOcio();
				
			}, 500);
			
		}
		
		function showGridConsulOcio()
		{
			$("#buscador").hide("fast");
			setTimeout(function() 
			{
				$("#link").show("fast");
			}, 1000);
			
			
			var nombre_ocio = "";
			var id_sede = "";
			var rif_ocio = "";
			
			var param_nombre_ocio = "";
			var param_sede = "";
			var param_rif_ocio = "";
			
			if ($('#Consult_OcioNombreOcioBusq').val() == "")
			{
				
				nombre_ocio = '*';
				param_nombre_ocio = "*No Aplica*";
			}
			else
			{
				nombre_ocio = $('#Consult_OcioNombreOcioBusq').val();
				param_nombre_ocio = '"'+nombre_ocio+'"';
			}
        	
        	if ($('#Consult_OcioSedeBusq').val() == 0)
        	{
        		param_sede = "Todos";
        		id_sede = 0;
        	}
        	else
        	{
        		id_sede = $('#Consult_OcioSedeBusq').val();
        		param_sede = $("#Consult_OcioSedeBusq [value='"+id_sede+"']").text();
        	}
        	
        	
        	if ($('#Consult_OcioRifOcio').val() == "")
			{
				rif_ocio = '*';
				param_rif_ocio = "*No Aplica*";
			}
			else
			{
				rif_ocio = $('#Consult_OcioPrefijoRifOcio').val()+'-'+$('#Consult_OcioRifOcio').val();
				param_rif_ocio = rif_ocio;
			}
        	$.get("/BackEndRecursosHumanos/Ocios/getGridConsultOcio/"+
        			id_sede+"/"+
        			nombre_ocio+"/"+
        			rif_ocio, function(data) {
        				
        																		$('#nombre_ocio_busq').text(' Nombre de la Alternativa: '+ param_nombre_ocio );
																				$('#sede_busq').text(' Sede: '+ param_sede );
																				$('#rif_ocio_busq').text(' Rif de la Alternativa: '+ param_rif_ocio );
																				
																				setTimeout(function() 
																				{
																					$('#grid_consultar').html(data);
															        				$('#grid_consultar').show('fast');
																				}, 1000);
															        			
															        		}); 
		
		}
		
		function showDetalleOcio($id)
		{
			$("#consultar_ocio").hide("slow");
			$.get("/BackEndRecursosHumanos/Ocios/getDetalleOcio/"+$id, function(data) {
																	        												$('#grid_consultar').hide('fast');
																	        												$("#link").hide("fast");
																	        												setTimeout(function() 
																															{
																																$('#form_detalle').html(data);
																										        				$('#form_detalle').show('fast');
																															}, 1000);
																	        												
																	        												
																										        			
																										        		});
		}
	
		function showEditOcio($id)
		{
			
			$("#consultar_ocio").hide("slow");
			$.get("/BackEndRecursosHumanos/Ocios/getEditOcio/"+$id, function(data) {
																	        												$('#grid_consultar').hide('fast');
																	        												$("#link").hide("fast");
																	        												setTimeout(function() 
																															{
																																$('#form_detalle').html(data);
																										        				$('#form_detalle').show('fast');
																															}, 1000);
																	        												
																	        												
																										        			
																										        		});
		}
		
	
	</script>
	
	<script>
	
		
		function activar_deactivar_button($id_ocio,$id_deac_ac)
		{
			
			if ($id_deac_ac)
    		{
				if(confirm("Desea Activar el(los) Usuario(s) Seleccionado(s) ?"))
				{
					
					var url = "/BackEndRecursosHumanos/ocios/proc_activacion_desactivacion_ocio/"+$id_ocio+"/1/1";
					
					$('#grid_consultar').hide('fast');
					
					$.get(url,
						    {})
						    .done(function(data, textStatus, jqXHR) 
					        {
						 		alert("done");
								
							showGridConsulOcio();
					        })
						    .fail(function(jqXHR, textStatus, errorThrown) 
						    {
						        alert("fail");
								
							showGridConsulOcio();
							});
					
					
				}
				
			}
			else
			{
				if(confirm("Desea Desactivar el(los) Usuario(s) Seleccionado(s) ?"))
				{
			    	
				    var url = "/BackEndRecursosHumanos/ocios/proc_activacion_desactivacion_ocio/"+$id_ocio+"/2/1";
					alert(url);
					$('#grid_consultar').hide('fast');
					
					$.get(url,
						    {})
						    .done(function(data, textStatus, jqXHR) 
					        {
						 		alert("done");
		 						
							showGridConsulOcio();
						 		
					        })
						    .fail(function(jqXHR, textStatus, errorThrown) 
						    {
						        alert("fail");
		 						
							showGridConsulOcio();
								
							});
					
				}
			}
				
		}
		
		function activar_deactivar_selecionados($id_deac_ac)
	   	{
	   		
	   		
	   		var id;
	   		$('#ocios_seleccionados').val('');
		    $("#tabla_ocios tr td .check_box_ocios:checked").each(function(index) 
		    {
		           id = $(this).attr('id');
		          
		           $('#ocios_seleccionados').val($('#ocios_seleccionados').val()+','+id);
		           
		           
		    });
		    
		    
				
				if ($('#ocios_seleccionados').val() != "")
		    	{
					if ($id_deac_ac)
	        		{
						if(confirm("Desea Activar el(los) Usuario(s) Seleccionado(s) ?"))
						{
							
							var url = "/BackEndRecursosHumanos/ocios/proc_activacion_desactivacion_ocio/"+$('#ocios_seleccionados').val()+"/1/2";
							$('#grid_consultar').hide('fast');
							$.get(url,
								    {})
								    .done(function(data, textStatus, jqXHR) 
							        {
								 		alert("done");
								 		
							showGridConsulOcio();
								 		
							        })
								    .fail(function(jqXHR, textStatus, errorThrown) 
								    {
								        alert("fail");
								 		
							showGridConsulOcio();
										
									});
							
							
						}
						
					}
					else
					{
						if(confirm("Desea Desactivar el(los) Usuario(s) Seleccionado(s) ?"))
						{
					    	
						    var url = "/BackEndRecursosHumanos/ocios/proc_activacion_desactivacion_ocio/"+$('#ocios_seleccionados').val()+"/2/2";
							
							$('#grid_consultar').hide('fast');
							
							$.get(url,
								    {})
								    .done(function(data, textStatus, jqXHR) 
							        {
								 		alert("done");
				 						showGridConsulOcio();
								 		
							        })
								    .fail(function(jqXHR, textStatus, errorThrown) 
								    {
								        alert("fail");
				 						showGridConsulOcio();
										
									});
							
						}
					}
				}
	   	}
	
	</script>

	
</head>
<body>
	<center>
		<fieldset id="consultar_ocio">
			<legend>Consultar la Alternativa de Distracción</legend>
			<center>
				<table>
					<tr>
						<td style="width:10%">
							<center>
								<div id="link" style="display: none">
									<b>
										<label>Parametros de Busqueda:</label>
									</b>
									
										<li>
											<b>
												<label id="nombre_ocio_busq"></label>
											</b>
										</li>
										<li>
											<b>
												<label id="sede_busq"></label>
											</b>
										</li>
										<li>
											<b>
												<label id="rif_ocio_busq"></label>
											</b>
										</li>
										
									<br />
									<a onclick="showBuscador();" href="#">
									<img id="blah" src="/BackEndRecursosHumanos/app/webroot/img/lupa.png" alt="your image" width="30px" height="30px" />
									<br />
									Nueva Busqueda
									</a>
									<br />
								</div>
								<fieldset id = "buscador" style="width: 70%;">
									<legend><b>Buscador</b></legend>
									<?php echo $this->Form->create('Consult_Ocio'); ?>
									<table >					
										<tr>
											<td>
												<center>
													<table>
														<tr>
															<td style=" width: 50%; text-align: center; vertical-align: middle">
																<center>
																<?php
															
																	echo $this->Form->input('nombre_ocio_busq',array(
																																		
																													'type' => 'search',
																													'class' => 'buscador',
																													
																													'label' => array(
																																		'text' => 'Nombre de la Alternativa	de Distracción',
																																		'style' => array(
																																							'font-weight: bold;',
																																							'font-style: italic;'
																																						)
																																						
																																	)
																													 
																									               )
																							 );
																	?>
																</center>
															</td>
															<td style=" width: 50%; text-align: center; vertical-align: middle">
																<center>

																<?php
														
																	echo $this->Form->input('sede_busq',array(
																																		
																													'options' => array($sedes),
																													
																													'label' => array(
																																		'text' => 'Sede',
																																		'style' => array(
																																							'font-weight: bold;',
																																							'font-style: italic;'
																																						)
																																						
																																	)
																													 
																									               )
																							 );
																?>
																</center>
															</td>
														</tr>
													</table>
												
												</center>
											</td>
																	
									 	</tr>
									 	<tr>
											<td style="text-align: center; vertical-align: middle">		
												<center>
													<label for="Consult_SeguroRifSeguro" style="font-weight: bold; font-style: italic;">RIF de la Alternativa de Distracción</label>
													<table style="width: 75%">
														<tr>
															<td style="width: 1%; vertical-align: middle;">
																<center>
																	<?php 
																			echo $this->Form->input('prefijo_rif_ocio', array(
																																
																																	'options' => array($arreglo_prefijo_rif),
																																	'label' => array(
																																						'style' => array(
																																											'display:none'
																																										)
																																					)
																																)
																									)
																		?>
																</center>
															</td>
															<td >
																<center>
																	-
																</center>
															</td>
															<td>
																<center>
																	<?php 
																			echo $this->Form->input('rif_ocio',array(
																															'style' => array(
																																								'width: 100%'
																																			),
																															'type' => 'search',
																															'class' => 'buscador',
																															'label' => array(
																																					
																																					'style' => array(
																																										'display:none'
																																									)
																																				)
																													   )
																		 						 ); 
																	?>
																</center>
															</td>
														</tr>
													</table>
												</center>
												
											</td>
										</tr>
									 	<tr>
											<td>
												<center>
													<button style="vertical-align: middle; text-align: center"  onclick="showGridConsulOcio();" class ="boton_regular" type="button" onclick="seleccionar_todos(true);">
														<center>
															Buscar &nbsp; <img src="/BackEndRecursosHumanos/img/search.png"  alt="CakePHP" style="cursor: pointer;width: 15px;">
														</center>
													</button>
												</center>
											</td>
										</tr>
									 </table>
									 <?php echo $this->Form->end();?>
								 </fieldset>
							 </center>
						 </td>
					</tr>
					<tr>
						 <td id = 'grid_consultar' style="display: none">
											
						</td>
					 </tr>
				</table>
			</center>
		</fieldset>
		<fieldset id="form_detalle" style="display: none">
				
		</fieldset>
	</center>
</body>		

				